.main-page *{
    backface-visibility:hidden;              /* 隐藏被旋转的 div 元素的背面，开启GPU硬件加速 */
    -webkit-backface-visibility:hidden;	     /* Chrome 和 Safari */
    -moz-backface-visibility:hidden; 	     /* Firefox */
    -ms-backface-visibility:hidden; 	     /* Internet Explorer */
    -webkit-transform: translate3d(0, 0, 0); /* 3D旋转，开启GPU硬件加速 */
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-perspective: 1000;               /* 3D元素距视图的距离，解决开启GPU硬件加速部分Android出现闪烁的bug */
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
}
*{
    padding:0;
    margin:0 ;
}
.clear{
  clear: both;
}
html,body{
    width:1080px;
    height:1920px;
    padding:0;
    margin:0 ;
    position: absolute;
    overflow: hidden;
}
body .content{
    width:100%;
    height:100%;
    vertical-align: bottom;
}
@font-face {
    font-family: DFHaiBaoGB-W12; /*这里是说明调用来的字体名字*/
    src: url("../img/font/DFHaiBaoGB-W12.otf"); /*这里是字体文件路径*/
}
.commit_head{
    width: 1080px;
    height: 110px;
    background: #FFFFFF;
    position: fixed;
    z-index: 5;
}
.commit_icon{
    width: 40px;
    height: 40px;
    position: absolute;
    left:453px;
    top:35px;
}

.commit_build{
    display: inline-block;
    font-family:PingFangSC-Regular;
    font-size:30px;
    color:#555555;
    letter-spacing:0;
    text-align:left;
    position: absolute;
    left:500px;
    top:35px;
}
.commit_close{
    width: 35px;
    height: 35px;
    position: absolute;
    left:1000px;
    top:35px;
}